.batch_detail {
  height: calc(100vh - 92px - 24px);
  box-sizing: border-box;
  margin: 12px;
  background-color: #fff;
  padding: 12px;

  .header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 12px;
    box-sizing: border-box;
    padding: 12px 6px 0 6px;

    .text {
      display: flex;
      column-gap: 24px;
      height: 28px;
      line-height: 28px;

      .title {
        display: flex;
        column-gap: 36px;
        font-size: 14px;
        font-weight: bold;

        span {
          margin: 0;
        }
      }

      .sub_title {
        display: flex;
        column-gap: 32px;
        color: #999;
      }
    }

    .btn_group {
      display: flex;
      height: 44px;

      .download {
        display: flex;
        column-gap: 48px;

        .btn_item {
          position: relative;

          .tips {
            position: absolute;
            bottom: 0;
            left: 0;
            color: #999;
            white-space: nowrap;
          }
        }
      }

      .line {
        width: 1px;
        height: 100%;
        margin: 0 32px 0 38px;
        background: linear-gradient(#fff, #e5e5e5, #fff);
      }
    }
  }

  .line {
    width: 100%;
    border-bottom: 1px dotted $dottedLine;
    margin: 6px 0 12px 0;
  }

  .table_container {
    display: flex;
    flex-direction: column;
    row-gap: 12px;

    .table {
      margin: 0;
      max-height: calc(100% - 80px);
    }

    .pagination {
      display: flex;
      justify-content: flex-end;
    }
  }
}